<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="css/J1-8.css"/>
	<title></title>
</head>
<body>
<nav class="navbar">
	<ul>
		<li><a href="#">首页</a></li>
		<li><a href="#">百变自由行</a></li>
		<li><a href="#">亲子旅行</a></li>
		<li><a href="#">户外旅行</a></li>
		<li><a href="#">高端旅行</a></li>
		<li><a href="#">定制旅行</a></li>
		<li><a href="#">景点介绍</a></li>
	</ul>
</nav>
<div class="container">
	<h1>热门景点</h1>
	<div class="box">
		<div class="top">
			<div>
				<img src="img/tour1.jpg" alt="热门图片">
				<p>泰国</p>
			</div>
			<div>
				<img src="img/tour2.jpg" alt="热门图片">	
					<p>马尔代夫</p>
			</div>
			<div>
				<img src="img/tour3.jpg" alt="热门图片">
				<p>海南</p>
			</div>
		</div>
		<div class="top">
			<div>
				<img src="img/tour4.jpg" alt="热门图片">	
				<p>日本</p>
			</div>
			<div>
				<img src="img/tour5.jpg" alt="热门图片">
				<p>法国</p>
			</div>
			<div>
				<img src="img/tour6.jpg" alt="热门图片">
				<p>巴厘岛</p>
			</div>	
		</div>			
	</div>
</div>
</body>
</html>
